<template>
    <div style="width: 100%;">
      <span id="start" class="textType" style="margin-left: 25%;"><b>Linter+Ai</b> <span id="synopsis" class="textType" /></span>
    </div>

</template>

<script setup>
import TypeIt from "typeit";
import { reactive, onMounted, ref  } from 'vue'

onMounted(() => {
  new TypeIt("#synopsis", {
    speed: 100,
    deleteSpeed: 150,
    loop: true,
  })
      .type("<b>编程学习利器</b>", {delay: 2000})
      .delete(13, {delay: 1000})
      .type("<b>便捷模型使用</b>", {delay: 2000})
      .go();
})


</script>

<style>
.textType{
  font-size: 64px;
  color: black;
}
</style>
